<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>我的收藏</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
	<meta content="yes" name="apple-mobile-web-app-capable"/>
	<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
	<meta content="telephone=no" name="format-detection"/>
    <?php 
    	include 'public/views/header.php';
    	include 'public/home/html/mobile_select.php';
    	include 'public/home/html/lazy_load.php';
    	include 'public/home/html/alert.php';
    ?>
	<script src="public/home/js/myCollect.js"></script>
	<script src="public/home/js/function.js"></script>
</head>
<style type="text/css">
	*{
		font-size: 14px;
	}
	a{
		color:#333!important;
		text-decoration: none;
	}
	body{
		background-color: white;
		max-width:400px;
		margin:auto;
	}

	/*顶部，标题*/
	.head{
		width: 100%;
		height: 60px;
		background: #f2f2f2;
	}
	.head .col-xs-3,.head .col-xs-6{
		height:60px;
	}
	.head .col-xs-6{
		text-align: center;
	}
	.head .col-xs-3 img{
		height: 26px;
		width: 30px;
		margin-top: 17px;
	}
	.head .col-xs-6 img{
		height: 50px;
		width: auto;
		 margin-top: 5px;
	}
	.title{
		width:88%;
		margin-left:6%;
		margin-top: 20px;
	}
	.title-font{
		color: #a53942;
		font-weight:bold;
		font-size:16px;
	}
	.title-line{
		height: 3px;width:18px;background: #a53942;
	}


	/*搜索*/

	.search-result{
		width:88%;
		height:30px;
		line-height: 30px;
		margin-left:6%;
		color:#959191;
		font-size:13px;
		display: none;
		word-wrap : break-word ;
		margin-top: 20px;
	}
	.search-result lable:nth-child(2),.search-result lable:nth-child(3){
		float: right;
		color:#536267;
	}
	.over{
		display: none;
	}



	/*搜索结果*/
	.product{
		width:87%;
		margin-left: 6.5%;
		padding-bottom:25px;
	}
	.product-etype{
		height:40px;
		line-height: 37px;
		color:#4A84C6;
		position: relative;
		font-weight:bold;
		font-size: 19px;
	}
	.product-title-line{
		background-color:#4A84C6;
		width: 20px;
		height:2px; 
		position: absolute;
		top:30px;
	}
	.product-ctype{
		height:30px;
		line-height: 27px;
		color:#090A0A;
		position: relative;
		font-weight:bold;
		font-size: 20px;
	}
	.product-item{
		width:45%;
		margin-top:25px;
		/*display: inline-block;*/
		height:175px;
		border-radius: 2px;
		-moz-box-shadow:0px 0px 6px #aaa;
		-webkit-box-shadow:0px 0px 6px #aaa; 
		box-shadow:0px 0px 6px #aaa;
		overflow: hidden;
		position: relative;
		float: left;
	}
	.product-item:nth-child(odd){
		margin-right: 4%;
		margin-left: 1%;
	}
	.product-item:nth-child(even){
		margin-left: 4%;
	}
	.product-img{
		height:90px;
		width:100%;
		overflow: hidden;
		text-align: center;
	}
	.product-img img{
		width:auto;
		height:100%;
		margin:auto;
	}
	.product-num{
		width:40%;
		height:30px;
		line-height:30px;
		text-align: left;
		text-indent: 10px;
		font-size:12px;
		font-weight:bold;
		float: left;
		overflow: hidden;
	}
	.product-collection{
		width:60%;
		height:30px;
		line-height:30px;
		text-align: right;
		font-size:10px;
		font-weight:bold;
		float: right;
		overflow: hidden;
	}
	.product-collection lable{
		font-size:10px;
	}
	.product-collection img{
		height:12px;
		width:15px;
		/*margin-bottom:-20px;*/
		position: relative;
		top:8px;
		margin-left: 7px;
		margin-right:10px;
	}
	.product-collection i{
		font-size:9px;
		margin-left:3px;
		margin-right:10px;
	}

	.product-line-1,.product-line-2,.product-line-3,.product-line-1 lable,.product-line-2 lable,.product-line-3 lable{
		width:100%;
		height:9px;
		line-height: 9px;
		font-size:7px;
		/*background-color: red;*/
		text-indent: 10px;
	}
	.product-line-2{
		color:#dd2727;
	}
	.product-item-mask{
		background:rgba(0,0,0,0.4);
		height:170px;
		width:100%;
		position: absolute;
		top:0px;
		line-height:170px;
		text-align: center;
	}
	.product-item-mask i{
		font-size: 30px;
		color:white;
		margin-top: 63px;
	}

	.product-item-more{
		display: none;
	}
	

	.product-line-4{
		height:30px;
		margin-top: 10px;
		/*background-color: red;*/
		border-top:1px solid #eee;
		font-size:11px;
		text-align: center;
		line-height: 25px;
	}
	.product-line-4 i{
		margin-left:10px;
		font-size: 14px;
	}
	.radio{
		width:20px;
		height:22px;
		border-radius: 100%;
		border:1px solid #ddd;
		position: absolute;
		top:0px;
		left:10px;
		display: none;
	}
	.radio-choose{
		background:url('public/home/images/radio-choose.png') no-repeat;
		background-size:100% 100%;
	}


	/*加载中*/
	.load{
	    font-size: 45px;
	    margin-top: 30px;
	    margin-bottom: 30px;
	    margin-left: 45%;
	}


	/*底部按钮*/
	.foot{
		height:70px;
		width:100%;
		border:1px solid #898989;
		position: fixed;
		bottom:0px;
		box-shadow: 0px -3px 3px #999;
		background-color: white;
		display: none;
	}
	.foot-button{
		background-color: #283E44;
		color:white;
		width:33%;
		float: right;
		height:70px;
		text-align: center;
	}
	.foot-button img{
		height:30px;
		width:30px;
		margin-top:10px;
	}
	.foot-button i{
		font-size:23px;
		margin-top:15px;
	}
	.foot-button div{
		height:height:20px;
		line-height: 20px;
		font-size: 10px;
	}
</style>
<body>
	<!-- demo -->
	<!-- 产品demo -->
	<div class="product-demo hide">
		<div class="product-item">
			
			<div class="product-img">
				<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2311240988,1038461165&fm=26&gp=0.jpg" data-src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2311240988,1038461165&fm=26&gp=0.jpg" alt="" />
			</div>
			
			<div class="product-num">815341</div>
			<div class="product-collection"><lable></lable><i class="fa fa-heart" aria-hidden="true"></i></div>
			<div style="clear: both;"></div>	
			<!-- <div class="product-line-1">碗盆</div> -->
			<div class="product-line-2">The New Classic系列</div>
			<div class="product-line-3">尺寸 <lable>550×380×145</lable> mm</div>
			<a href="">
			<div class="product-line-4">查看更多<i class="fa fa-angle-right" aria-hidden="true"></i></div>
			</a>
			<div class="radio" data-id="" data-choose="0" onclick="chooseId(this)"></div>
		</div>	
	</div>	
	
	<!-- 正式开始 -->
	<input type="hidden" id="park_id" value="<?php echo $park_id ?>"/>
	<input type="hidden" id="openid" value="<?php echo $openid ?>"/>
	<div class="head">
		<div class="col-xs-3"><img src="<?php echo base_url().'/public/home/images/pic/'?>detail.png" alt="" class="show-index"></div>
		<div class="col-xs-6"><img src="<?php echo $_SESSION[SESS_CONFIG][DicKey::Logo[XPHEnum::Value]]['dic_value'] ?>" alt=""></div>
		<div class="col-xs-3"></div>
	</div>
	

	<!-- 结果个数 -->
	<div class="search-result">收藏了<lable></lable>件产品<lable class="edit">编辑</lable><lable class="over">完成</lable></div>
	
	
	
	<!-- 产品（搜索结果） -->
	<div class="product"></div>
	<!-- loading -->
	<i class="icon-spinner icon-spin load"></i>

	<div class="tip" style="height:70px; width:100%; display: none;"></div>

	<!-- 底部按钮 -->
	<div class="foot">
		<div class="foot-button">
			<!-- <img src="public/home/images/to-shop.png" alt="" /> -->
			<i class="fa fa-heart-o" aria-hidden="true"></i>
			<div class="cancel-collect">取消收藏</div>
		</div>
	</div>
</div>


	<!-- index iframe -->
	<div class="zhezhao" style="position:fixed; z-index:999; background: rgba(0,0,0,0.5); display: none; top:0px; left:0px;"></div>
	<iframe class="index-iframe" src="<?php echo base_url() ?>Home/Index/Index?park_id=<?php echo $_GET['park_id'] ?>" frameborder="0" style="position: fixed; z-index:1000; top:0px;"></iframe>
</body>
<script>
	$(function(){
		$('.index-iframe').css('left','-'+(Number($(window).width())*0.8)+'px').width(Number($(window).width())*0.8);
		setWindow();
		$(window).resize(function(){
			setWindow();
		});
		$('.show-index').click(function(){
			$('.zhezhao').show();
			$('.index-iframe').animate({left:'0px'});
		});
	})
	function setWindow(){
		$('.zhezhao').height($(window).height()).width($(window).width());
		$('.index-iframe').height($(window).height());
	}
</script>
</html>
